<template>
  <div class =app-container>
    <div class="header">
      <el-form :inline="true" class="demo-form-inline" size="small">
        <el-form-item label="订单ID">
          <el-input v-model="query.id" placeholder="请输入ID" ></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="find">查询</el-button>
        </el-form-item>

      </el-form>
    </div>
    <el-table
      :data="tableData"
      style="width: 100%"
      :default-sort = "{prop: 'date', order: 'descending'}"
    >
      <el-table-column
        prop="orderID"
        label="订单ID"
        sortable
        width="180">
      </el-table-column>
      <el-table-column
        prop="orderName"
        label="订单名称"
        width="180">
      </el-table-column>
      <el-table-column
        prop="wareName"
        label="商品名称"
        >
      </el-table-column>
      <el-table-column
        prop="wareCount"
        label="数量"
        >
      </el-table-column>
      <el-table-column
        prop="warehouse"
        label="进货仓"
        width="180">
      </el-table-column>
      <el-table-column
        prop="isExamine"
        label="审批状态"
        width="180">
      </el-table-column>

      <el-table-column
        prop="operate"
        label="审批"
      >
        <template slot-scope="scope">
          <el-button type="text">同意</el-button>
          <el-button type="text">驳回</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>

</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { orderID : 'CPJC20210411001',
          orderName:'1111',
          wareName:'手机',
          wareCount:'100',
          warehouse:'电子产品仓库',
          isExamine:'未审核',

        }

      ],
      query:{
        id:''
      }
    }
  },
  methods: {
    find() {

    },

    del() {
      this.$confirm('是否继续删除数据?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.$message({
          type: 'success',
          message: '删除成功!'
        });
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    }
  }
}

</script>
